<template>
  <div>
    <div class="Logout">
      <Logout>退出</Logout>
    </div>
    <h1>删除家谱信息</h1>
   
   <div class="image">
      <el-image :src="src2"></el-image>
      <el-image :src="src1"></el-image>
    </div> 
  
    <el-input style="width: 800px" size="medium" v-model="zno" placeholder="请输入家谱ID" prefix-icon="el-icon-s-check" maxlength="10" show-word-limit clearable></el-input>

    <el-row>
      <el-button @click="updateBtn" type="warning" icon="el-icon-delete">提交</el-button>
    </el-row>
  </div>
</template>

<script>
import Logout from "./Logout";
export default {
  name: "DeleteZupu",
  components:{Logout},
  created(){
    this.zno = this.$route.query.zno;

  },
  methods: {
    search(){

    },
    updateBtn(){
      let data = {
        zno:this.zno,
      };
      this.$axios.post(`/DeleteZupu`,data).then((res) => {
        console.log(res);
        if(res.data ==="删除成功"){
          alert("删除成功");
        } else {
          alert(res.data.msg)
        }
      });


    }
  },

  data() {
    
    return { src2:"https://pica.zhimg.com/v2-741fdc39223fbd71d308f71dd0b5c5d7_1440w.jpg?source=172ae18b",
      zno:'',

    }
  }
}
</script>

<style scoped>

</style>
